﻿<div class="row">
<article class="span10">
<header class="page-header">
#第一次做美术资源的经验
</header>
	
这次说说制作游戏美术资源的一些常识问题。大家inkscape入门后，做图会越来越好，细节会越来越丰富。但是当把自己自信的作品部署到游戏的时候，it sucks。出了什么问题？

###第一个问题是图变小了
当你做一张宽度几百像素的图时，一切细节都那么真实。
![tank1](res/tank1.jpg "游戏坦克1V3美术资源")

你把他缩小到64像素或32像素后，原来黄豆大的细节知道会变成什么样么。比沙子还小，细节变成了噪音。
![tank2](res/tank2.jpg "游戏坦克1V3美术资源")

做小图的时候，斑点和渐变都是不适合的，颜色也不能太丰富。你想表现的细节，**色块形状一定要可以辨认。渐变可以用亮色的圆。立体的侧面用暗色，线框一定要清晰**。
![tank3](res/tank3.jpg "游戏坦克1V3美术资源")

简而言之，艺术功底薄，作图就要简单大方。

###第二个问题是做地图
做地图一定要用TileMapEditor，比用inkscape做整图靠谱多了。  
这是我刷出来的图，你觉得有什么问题？  
![map1](res/map1.jpg "游戏坦克1V3美术资源")

物件做的不错，但是地图确实太烂了。眼太花，对吧。这是我们刷地图要避免的问题，大面积的图块，或者是可行走区域，不要刷暖色又混杂的纹理。  
暖色是向前的，会吸引人的注意力。如果还能行走，你控制的人物在上面就会黯然失色。  
所以用冷色图刷路面，还要注意纹理不要太花哨。

###最后一个问题是做ui
这是坦克1v3早期的效果，场景只占据一部分，ui凭空放置有点不协调。  
![map2](res/map2.jpg "游戏坦克1V3美术资源")

如果不懂，可以参考别人的游戏。  
<div class="row">
	<div class="span3"><img src="res/mapui1.jpg" alt="mapui" title="游戏坦克1V3美术资源"/></div>
	<div class="span4"><img src="res/mapui2.jpg" alt="mapui" title="游戏坦克1V3美术资源"/></div>
	<div class="span3"><img src="res/mapui3.gif" alt="mapui" title="游戏坦克1V3美术资源"/></div>
</div>

<br>
看吧，ui有一个架子，这个架子是单色立体的，架子包着场景。ui放到架子上。
显然这明确区分了场景和ui部分，辩识度很高，并且美感协调。
看看[坦克1V3]借鉴出来的ui。  
![map3](res/map3.jpg "游戏坦克1V3美术资源")
</article>
</div>

[坦克1V3]:http://roughgame.sinaapp.com/tank1v3/ (独立游戏坦克1V3)


{{ it.douo|imp('douo.htm') }}